<template>
  <div>
    <div
      style="
        background-color: rgb(249, 249, 249);
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      "
    >
      <div style="width: 70%; display: flex">
        <div>
          <img
            src="../../assets/img/client.png"
            alt=""
            style="width: 40px; height: 40px; margin-top: 5px"
          />
        </div>
        <div style="font-size: 24px; margin-top: 10px; margin-left: 10px">
          查询客户
        </div>
      </div>
      <div style="width: 30%">
        <div>
          <img
            src="../../assets/img/sq.png"
            alt=""
            style="background-color: rgb(200, 200, 200); float: right"
          />
        </div>
      </div>
    </div>
    <div
      style="
        width: 100%;
        font-size: 20px;
        color: rgb(43, 106, 201);
        margin-top: 20px;
      "
    >
      一般
    </div>
    <hr />
    <div style="margin-top: 20px">
      <el-form
        ref="form"
        :model="form"
        label-width="150px"
        style="width: 100%; display: flex; flex-wrap: wrap"
      >
        <el-form-item label="国家">
          <el-select v-model="form.country">
            <el-option label="中国" value="zhongguo"></el-option>
            <el-option label="美国" value="meiguo"></el-option>
            <el-option label="印尼" value="yinni"></el-option>
            <el-option label="新加坡" value="xinjiapo"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="省份">
          <el-input v-model="form.province"></el-input>
        </el-form-item>
        <el-form-item label="客户名称">
          <el-input v-model="form.name1"></el-input>
        </el-form-item>
        <el-form-item label="地址">
          <el-input v-model="form.address"></el-input>
        </el-form-item>
        <el-form-item label="城市">
          <el-input v-model="form.city"></el-input>
        </el-form-item>
        <el-form-item label="电话">
          <el-input v-model="form.phone1"></el-input>
        </el-form-item>
        <el-form-item label="介绍">
          <el-input type="textarea" v-model="form.introduce"></el-input>
        </el-form-item>
        <el-form-item label="客户经理" style="margin-left: 15px">
          <el-input v-model="form.manager"></el-input>
        </el-form-item>
        <el-form-item label="经理部门">
          <el-input v-model="form.department"></el-input>
        </el-form-item>
      </el-form>
    </div>
    <div
      style="
        width: 100%;
        font-size: 20px;
        color: rgb(43, 106, 201);
        margin-top: 10px;
      "
    >
      分类
    </div>
    <hr />
    <div style="margin-top: 20px">
      <el-form
        ref="form"
        :model="form"
        label-width="150px"
        style="width: 100%; display: flex; flex-wrap: wrap"
      >
        <el-form-item label="状态">
          <el-input v-model="form.status"></el-input>
        </el-form-item>
        <el-form-item label="类型">
          <el-input v-model="form.mold"></el-input>
        </el-form-item>
        <el-form-item label="描述">
          <el-input v-model="form.description"></el-input>
        </el-form-item>
        <el-form-item label="规模">
          <el-input v-model="form.scale"></el-input>
        </el-form-item>
        <el-form-item label="公海状态">
          <el-select v-model="form.country">
            <el-option label="全部" value="all"></el-option>
            <el-option label="正常" value="normal"></el-option>
            <el-option label="公海中" value="seasing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="获得途径">
          <el-input v-model="form.way"></el-input>
        </el-form-item>
        <el-form-item label="行业">
          <el-input v-model="form.industry"></el-input>
        </el-form-item>
        <el-form-item label="级别">
          <el-select v-model="form.level">
            <el-option label="全部" value="whole"></el-option>
            <el-option label="1" value="one"></el-option>
            <el-option label="2" value="two"></el-option>
            <el-option label="3" value="three"></el-option>
            <el-option label="4" value="four"></el-option>
            <el-option label="5" value="five"></el-option>
            <el-option label="6" value="six"></el-option>
            <el-option label="7" value="seven"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="客户价值">
          <el-input v-model="form.worth"></el-input>
        </el-form-item>
        <el-form-item label="门户账号">
          <el-input v-model="form.account"></el-input>
        </el-form-item>
        <el-form-item label="中介机构">
          <el-input v-model="form.intermediary"></el-input>
        </el-form-item>
        <el-form-item label="上级单位">
          <el-input v-model="form.unit"></el-input>
        </el-form-item>
        <el-form-item label="累计合同金额">
          <el-input v-model="form.money"></el-input>
        </el-form-item>
        <el-form-item label="信用等级">
          <el-input v-model="form.grade"></el-input>
        </el-form-item>
      </el-form>
    </div>
    <div
      style="
        width: 100%;
        font-size: 20px;
        color: rgb(43, 106, 201);
        margin-top: 10px;
      "
    >
      联系人
    </div>
    <hr />
    <div style="margin-top: 20px">
      <el-form
        ref="form"
        :model="form"
        label-width="150px"
        style="width: 100%; display: flex; flex-wrap: wrap"
      >
        <el-form-item label="姓名">
          <el-input v-model="form.name2"></el-input>
        </el-form-item>
        <el-form-item label="移动电话">
          <el-input v-model="form.phone2"></el-input>
        </el-form-item>
      </el-form>
    </div>
    <div
      style="
        width: 100%;
        font-size: 20px;
        color: rgb(43, 106, 201);
        margin-top: 10px;
      "
    >
      系统信息
    </div>
    <hr />
    <div style="margin-top: 20px">
      <el-form
        ref="form"
        :model="form"
        label-width="150px"
        style="width: 100%; display: flex; flex-wrap: wrap"
      >
        <el-form-item label="创建人">
          <el-input v-model="form.creator"></el-input>
        </el-form-item>
        <el-form-item label="创建日期">
          <el-select v-model="form.date1">
            <el-option label="全部" value="total"></el-option>
            <el-option label="今天" value="day"></el-option>
            <el-option label="本周" value="week"></el-option>
            <el-option label="本月" value="month"></el-option>
            <el-option label="本季" value="season"></el-option>
            <el-option label="本年" value="year"></el-option>
            <el-option label="上个月" value="lastmonth"></el-option>
            <el-option label="上一年" value="lastyear"></el-option>
            <el-option label="指定日期范围" value="appoint"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="创建时间">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择日期"
              v-model="form.date11"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
          <el-col class="line" :span="2" style="text-align: center;">-</el-col>
          <el-col :span="11">
            <el-time-picker
              placeholder="选择时间"
              v-model="form.date12"
              style="width: 100%"
            ></el-time-picker>
          </el-col>
        </el-form-item>
        <el-form-item label="最后更新人">
          <el-input v-model="form.people1"></el-input>
        </el-form-item>
        <el-form-item label="最后更新日期">
          <el-select v-model="form.date2">
            <el-option label="全部" value="total"></el-option>
            <el-option label="今天" value="day"></el-option>
            <el-option label="本周" value="week"></el-option>
            <el-option label="本月" value="month"></el-option>
            <el-option label="本季" value="season"></el-option>
            <el-option label="本年" value="year"></el-option>
            <el-option label="上个月" value="lastmonth"></el-option>
            <el-option label="上一年" value="lastyear"></el-option>
            <el-option label="指定日期范围" value="appoint"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="最后更新时间">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择日期"
              v-model="form.date21"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
          <el-col class="line" :span="2" style="text-align: center;">-</el-col>
          <el-col :span="11">
            <el-time-picker
              placeholder="选择时间"
              v-model="form.date22"
              style="width: 100%"
            ></el-time-picker>
          </el-col>
        </el-form-item>
        <el-form-item label="最后联系人">
          <el-input v-model="form.people2"></el-input>
        </el-form-item>
        <el-form-item label="最后联系日期">
          <el-select v-model="form.date3">
            <el-option label="全部" value="total"></el-option>
            <el-option label="今天" value="day"></el-option>
            <el-option label="本周" value="week"></el-option>
            <el-option label="本月" value="month"></el-option>
            <el-option label="本季" value="season"></el-option>
            <el-option label="本年" value="year"></el-option>
            <el-option label="上个月" value="lastmonth"></el-option>
            <el-option label="上一年" value="lastyear"></el-option>
            <el-option label="指定日期范围" value="appoint"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="最后联系时间">
          <el-col :span="11">
            <el-date-picker
              type="date"
              placeholder="选择日期"
              v-model="form.date31"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
          <el-col class="line" :span="2" style="text-align: center;">-</el-col>
          <el-col :span="11">
            <el-time-picker
              placeholder="选择时间"
              v-model="form.date32"
              style="width: 100%"
            ></el-time-picker>
          </el-col>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        country: "",
        province: "",
        name1: "",
        address: "",
        city: "",
        phone1: "",
        introduce: "",
        manager: "",
        department: "",
      },
    };
  },
};
</script>

<style>
</style>